*{
	margin: 0;
	padding: 0;
}
body{
	background-color: #EFEFEF;
}
a{
	text-decoration: none;
}
ul{
	list-style: none;
}
#daoh{
	width: 100%;
	height: 50px;
	position: fixed;
	background-color: white;
	z-index: 1000;
	line-height: 50px;
}
.daoh-ul{
	height:14px;
	list-style: none;
	text-align: center;
	line-height: 14px;
	margin-top: 20px;
	position: absolute;
	right: 30px;
}
.daoh-ul li{
	font-size:13px ;
	float: left;
	text-align: center;
}
.daoh-ul1{
	border-right: 1px solid #808080;
	padding:0 6px 0 6px;
}
.daoh-ul2{
	border-right: 1px solid #808080;
	padding:0 6px 0 6px;
	margin-right: 6px;
}
.daoh-ul li a{
	text-decoration: none;
	color:  #808080;
	transition: all 0.3s;
}
.daoh-ul li a:hover{
	color: black;
}
#caidan{
	width: 45px;
	height: 30px;
	background-color: #FAFAFA;
	text-align: center;
	line-height: 35px;
	border-radius: 3px;
	top: 10px;
	left: 75px;
	position: absolute;
	float: left;
	transition: all 0.3s;
}
#caidan:hover{
	background-color: #F4F4F4;
}
.icon-reorder{
	color: grey;
	font-size: 20px;
	cursor: pointer;
	transition: all 0.3s;
}
.icon-reorder:hover{
	color: limegreen;
}
.out-div{
	width: 530px;
	height: 500px;
	background-color: white;
	border: 1px solid gainsboro;
	border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
	position: absolute;
	top: 50px;
	left: -10px;
	transition: all 0.5s;
	display: none;
	z-index: 5;
	animation:mymove 0.8s;
}
.out-div .ul1{
	width: 530px;
	margin-top: 10px;
	position: absolute;
}
.out-div ul li{
	font-size: 12px;
	color: gray;
	width: 160px;
	margin:0 5px;
	float: left;
	text-align: left;
	border-radius:3px ;
	cursor: pointer;
	position: relative;
	transition: all 0.3s;
	z-index: 20;
}
.caidan-xuanxiang{
	display: block;
	margin-left: 10px;
	float: left;
}
.icon-edit{
	color: #B9B9B9;
	float: right;
	position: relative;
	top: 5px;
	right: 5px;
	opacity: 0;
	transition: all 0.3s;
}
.out-div ul li:hover{
	color: black;
	background-color: gainsboro;
}
.out-div ul li:hover .icon-edit{
	color: gray;
	opacity: 1;
}
.ul2{
	width:350px;
	position: absolute;
	top: 200px;
}
.wz2{
	width: 530px;
	font-size: 12px;
	text-align: left;
	position: absolute;
	bottom: 52px;
	border-bottom: 1px dashed gray;
	border-top: 1px dashed gray;
	color: gray;
	background-color: #F8F8F8;
}
.wz3{
	display: block;
	margin-left: 10px;
	line-height: 20px;
	padding-top:10px ;
	padding-bottom: 10px;
}
.guanyu{
	position: absolute;
	bottom: 5px;
	font-size: 13px;
}
.guanyu span{
	position: relative;
	left: 350px;
}
.guanyu span a{
	color: gray;
	transition: all 0.5s;
}
.guanyu span a:hover{
	color: black;
	text-decoration: underline;
}
.arrow {     
    width:0; 
	height:0; 
	border-left:20px solid transparent;
	border-right:20px solid transparent;
	border-bottom:20px solid #fff;   
    position: absolute;   
    border-bottom-color: gainsboro;
    top: -20px; 
    left: 10px;  
    } 
.arrow2 {     
    width:0; 
	height:0; 
	border-left:20px solid transparent;
	border-right:20px solid transparent;
	border-bottom:20px solid #fff;   
    position: absolute;   
    border-bottom-color: white;
    top: -19px; 
    left: 10px;  
} 
#daoh-t{
	position: absolute;
	width: 140px;
	height: 20px;
	left: 130px;
	float: left;
	margin-top: 10px;
}
#dao-text{
	position: absolute;
	border: 1px solid #DDD;
	background-color: #FAFAFA;
	height: 19px;
	line-height: 15px;
	border-radius: 3px;
	padding: 5px 28px 5px 58px;
	width: 140px;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.06);
	transition: all 0.3s; 
	float: left;
}
.logo{
	width: 270px;
	height: 45px;
	position: absolute;
	top: 0;right: 0;bottom: 0;left: 0;
	margin: auto;
	float: left;
}
.icon-double-angle-left{
	margin-right: 5px;
}
.main{
	width: 100%;
	position: absolute;
	top: 50px;
}
.main-1{
	width: 80%;
	position: absolute;
	top: 0;right: 0;bottom: 0;left: 0;
	margin: auto;
	margin-top: 30px;
	z-index: 10px;
}
.biaoqian{
	width: 250px;
	height: 150px;
	background-color: white;
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.biaoqian h2{
	display: block;
	font-size: 14px;
	font-weight: normal;
	color: #79AC21;
	padding-top:10px ;
	padding-left: 10px;
}
.biaoqian-ul{
	list-style: none;
}
.biaoqian-ul li{
	background-color: #f8f8f8;
	float: left;
	padding:5px 10px 5px 10px;
	margin-left: 7px;
	margin-top: 10px;
	font-size: 14px;
	border-radius: 5px;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.06);
	transition: all 0.2s;
}
.biaoqian-ul li a{
	color:  #8f8f8f;	
}
.biaoqian-ul li:hover{
	background-color: #89C228;
}
.biaoqian-ul li:hover a{
	color: white;
}
.main-ul1{
	position: absolute;
	width: 250px;
}
.main-ul1 .main-ul1-li1{
	width: 250px;
	height: 490px;
	margin-top: 20px;
	position: relative;
	border-radius: 3px;
	background-color: #F8F8F8;
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.main-ul1 .img{
	height: 375px;
	background: url(../img/021723513b000626a4ccdcf.jpg);
	position: relative;
}
.img2{
	position: absolute;
	top: 0;right:0;bottom: 0;left: 0;
	margin: auto;
	display: none;
	transition: all 0.3s;
	z-index: 3;
}
.zhezhao{
	width: 250px;
	height: 375px;
	background-color: #5B5959;
	opacity: 0;
	position: absolute;
	transition: all 0.3s;
	z-index: 2;
}
.img:hover .img2{
	display: block;
}
.img:hover .zhezhao{
	opacity: 0.5;
}
.img-jie{
	display: block;
	font-size: 14px;
	padding:10px 0 10px 10px ;
}
.img-jie a{
	color: #505B65;
	transition: all 0.3s;
}
.img-jie a:hover{color: #0099FF;}
.jieshao{
	height: 60px;
	background-color: white;
}
.pinglun{
	display: block;
	height: 40px;
	font-size: 12px;
	line-height: 40px;
	margin-left: 10px;
	color: #888888;
	border-bottom: 1px dashed  gainsboro;
}
.pinglun a{
	color: #888888;
	transition: all 0.3s;
}
.icon-comment{
	color:#CCCCCC ;
	margin-left: 35px;
	margin-right: 2px;
	transition: all 0.3s;
}
.icon-heart{
	color: #CCCCCC;
	margin-right: 2px;
}
.main-ul2{
	width: 250px;
	position: absolute;
	left: 270px;
	top: -20px;
}
.main-ul3{
	width: 250px;
	position: absolute;
	left: 540px;
	top: -20px;
}
.main-ul4{
	width: 250px;
	position: absolute;
	left: 810px;
	top: -20px;
}
.lianjietubiao{
	width: 140px;
	height: 20px;
	overflow: hidden;
	margin-left: 5px;
	opacity: 0;
	transition: all 0.3s;
	float: left;
}
.lianjietubiao1{
	width: 20px;
	height: 20px;
	background: url(../img/is.png);
	background-position-y: -80px;
	margin-right: 2px;
	float: left;
}
.lianjietubiao2{
	width: 20px;
	height: 20px;
	background: url(../img/is.png);
	background-position-y: -120px;
	margin-right: 2px;
	float: left;
}
.lianjietubiao3{
	width: 20px;
	height: 20px;
	background: url(../img/is.png);
	background-position-y: -160px;
	margin-right: 2px;
	float: left;
}
.lianjietubiao4{
	width: 20px;
	height: 20px;
	background: url(../img/is.png);
	background-position-y: -200px;
	margin-right: 2px;
	float: left;
}
.lianjietubiao5{
	width: 20px;
	height: 20px;
	background: url(../img/is.png);
	background-position-y: -240px;
	margin-right: 2px;
	float: left;
}
.lianjietubiao6{
	width: 20px;
	height: 20px;
	background: url(../img/is.png);
	background-position-y: -280px;
	margin-right: 2px;
	float: left;
}
.icon-comment:hover{
	color: gray;
}
.main-ul1 li:hover .lianjietubiao{
	opacity: 1;
}
.main-ul2 li:hover .lianjietubiao{
	opacity: 1;
}
.main-ul3 li:hover .lianjietubiao{
	opacity: 1;
}
.main-ul4 li:hover .lianjietubiao{
	opacity: 1;
}
.pinglun a:hover{
	color:  dimgray;
}
.quanbu{
	position: absolute;
	display: block;
	width: 24px;
	height: 30px;
	left: 10px;
	top: 5px;
	font-size:12px ;
	z-index: 4;
	float: left;
	color: gray;
	text-align: center;
	line-height: 20px;
	cursor: pointer;
}
#xuanzhe{
	position: absolute;
	top: 31px;
	display: none;
	transition: all 0.5s;
}
 .xuanzhe{
	position: absolute;
	background-color: white;
	width: 220px;
	height: auto;
	border: 1px solid gainsboro;
	box-shadow: 5px 2px 6px rgba(0,0,0,.3);
	border-radius: 5px;
	animation:mymove 0.8s;
}
@keyframes mymove
		{
	from {opacity:0;}
	to {opacity:1;}
	}
.xuanzhe li{
	width: 220px;
	height: 35px;
	background-color: white;
	line-height: 35px;
	font-size: 13px;
	text-align: left;
	color: gray;
	padding-left: 5px;
	cursor: pointer;
}
ul li:hover{
	background-color: ghostwhite;
}
.danxuan{
	margin-top: 10px;
	margin-right: 5px;
	float: right;
}
.icon-angle-down{
	width: 24px;
	height: 24px;
	position: absolute;
	display: block;
	z-index: 3;
	color: gray;
	cursor: pointer;
	text-align: center;
	line-height: 24px;
	transition: 0.2s cubic-bezier(0.33,0,0.2,1);
}
.angle-down{
	position: absolute;
	top: 4px;
	left: 29px;
}
/*.quanbu:hover .icon-angle-down{
	transform: rotate(180deg);
}*/
.icon-search{
	position: absolute;
	color: gainsboro;
	top:8px ;
	left: 200px;
	transition: all 0.3s;
}
.icon-search:hover{
	color: grey;
}
.main-ul2 .main-ul2-li1{
	width: 250px;
	height: 525px;
	margin-top: 20px;
	position: relative;
	border-radius: 3px;
	background-color: #F8F8F8;
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.main-ul2-li1 .img{
	height: 410px;
	background: url(../img/26193036d1dd53cfe76c762.png);
	position: relative;
}
.main-ul2-li1 .zhezhao{
	width: 250px;
	height: 410px;
	background-color: #5B5959;
	opacity: 0;
	position: absolute;
	transition: all 0.3s;
	z-index: 2;
}
.main-ul3 .main-ul3-li1{
	width: 250px;
	height: 490px;
	margin-top: 20px;
	position: relative;
	border-radius: 3px;
	background-color: #F8F8F8;
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.main-ul3-li1 .img{
	height: 375px;
	background: url(../img/1516165021e502546f31bfe.jpg);
	position: relative;
}
.main-ul3-li1 .zhezhao{
	width: 250px;
	height: 375px;
	background-color: #5B5959;
	opacity: 0;
	position: absolute;
	transition: all 0.3s;
	z-index: 2;
}
.main-ul4 .main-ul4-li1{
	width: 250px;
	height: 485px;
	margin-top: 20px;
	position: relative;
	border-radius: 3px;
	background-color: #F8F8F8;
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.main-ul4-li1 .img{
	height: 370px;
	background: url(../img/02172412c85708f567841b5.jpg);
	position: relative;
}
.main-ul4-li1 .zhezhao{
	width: 250px;
	height: 370px;
	background-color: #5B5959;
	opacity: 0;
	position: absolute;
	transition: all 0.3s;
	z-index: 2;
}
.main-ul1-li2{
	width: 250px;
	height: 584px;
	margin-top: 20px;
	position: relative;
	border-radius: 3px;
	background-color: #F8F8F8;
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.main-ul1-li2 .img{
	height: 469px;
	background: url(../img/302154037f07cb56778f1dd.jpg);
	position: relative;
}
.main-ul1-li2 .zhezhao{
	width: 250px;
	height: 469px;
	background-color: #5B5959;
	opacity: 0;
	position: absolute;
	transition: all 0.3s;
	z-index: 2;
}
.main-ul2-li2{
	width: 250px;
	height: 665px;
	margin-top: 20px;
	position: relative;
	border-radius: 3px;
	background-color: #F8F8F8;
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.main-ul2-li2 .img{
	height: 353px;
	background: url(../img/30215425cd1ed85809da44b.jpg);
	position: relative;
}
.main-ul2-li2 .zhezhao{
	width: 250px;
	height: 353px;
	background-color: #5B5959;
	opacity: 0;
	position: absolute;
	transition: all 0.3s;
	z-index: 2;
}
.ziyou{
	color: black;
	position: relative;
	bottom: 30px;
}
.keyi{
	position: absolute;
	left: 53px;
	bottom: 8px;
}
.main-ul2-li2 .pinglun ul{
	position: relative;
	margin-top: 10px;
}
.main-ul2-li2 .pinglun ul li{
	margin-top: 10px;
	position: relative;
}
.main-ul2-li2 .pinglun{
	display: block;
	height: 55px;
	font-size: 12px;
	line-height: 55px;
	color: #888888;
	border-bottom: 1px dashed  gainsboro;
}
.main-ul2-li2 .pinglun2{
	display: block;
	height: 55px;
	font-size: 12px;
	line-height: 40px;
	margin-top: -10px;
	color: #888888;
	border-bottom: 1px dashed  gainsboro;
}
.main-ul2-li2 .pinglun3{
	display: block;
	height: 55px;
	font-size: 12px;
	line-height: 40px;
	color: #888888;
	border-bottom: 1px dashed  gainsboro;
}
.pinglun-4tiao{
	display: block;
	width: 250px;
	height: 20px;
	font-size: 12px;
	line-height: 40px;
	color: #888888;
	border-bottom: 1px dashed  gainsboro;
	transition: all 0.5s;
}
.pinglun-4tiao span{
	position: absolute;
	bottom: 0px;
	left: 60px;
}
.main-ul3-li2{
	width: 250px;
	height: 465px;
	margin-top: 20px;
	position: relative;
	border-radius: 3px;
	background-color: #F8F8F8;
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.main-ul3-li2 .img{
	height: 350px;
	background: url(../img/0111560908690cfaad59f9e.jpg);
	position: relative;
}
.main-ul3-li2 .zhezhao{
	width: 250px;
	height: 350px;
	background-color: #5B5959;
	opacity: 0;
	position: absolute;
	transition: all 0.3s;
	z-index: 2;
}
.main-ul4-li2{
	width: 250px;
	height: 488px;
	margin-top: 20px;
	position: relative;
	border-radius: 3px;
	background-color: #F8F8F8;
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.main-ul4-li2 .img{
	height: 373px;
	background: url(../img/302154508c7307e1b215166.png);
	position: relative;
}
.main-ul4-li2 .zhezhao{
	width: 250px;
	height: 373px;
	background-color: #5B5959;
	opacity: 0;
	position: absolute;
	transition: all 0.3s;
	z-index: 2;
}
.main-ul1-li3{
	width: 250px;
	height: 490px;
	margin-top: 20px;
	position: relative;
	border-radius: 3px;
	background-color: #F8F8F8;
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.main-ul1-li3 .img{
	height: 375px;
	background: url(../img/261043039576148411194df.jpg);
	position: relative;
}
.main-ul1-li3 .zhezhao{
	width: 250px;
	height: 375px;
	background-color: #5B5959;
	opacity: 0;
	position: absolute;
	transition: all 0.3s;
	z-index: 2;
}
.main-ul2-li3{
	width: 250px;
	height: 482px;
	margin-top: 20px;
	position: relative;
	border-radius: 3px;
	background-color: #F8F8F8;
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.main-ul2-li3 .img{
	height: 367px;
	background: url(../img/26105322b05ab01967eeaa5.jpg);
	position: relative;
}
.main-ul2-li3 .zhezhao{
	width: 250px;
	height: 367px;
	background-color: #5B5959;
	opacity: 0;
	position: absolute;
	transition: all 0.3s;
	z-index: 2;
}
.main-ul3-li3{
	width: 250px;
	height: 490px;
	margin-top: 20px;
	position: relative;
	border-radius: 3px;
	background-color: #F8F8F8;
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.main-ul3-li3 .img{
	height: 375px;
	background: url(../img/29100732a0a0d4c443ad273.jpg);
	position: relative;
}
.main-ul3-li3 .zhezhao{
	width: 250px;
	height: 375px;
	background-color: #5B5959;
	opacity: 0;
	position: absolute;
	transition: all 0.3s;
	z-index: 2;
}
.main-ul4-li3{
	width: 250px;
	height: 490px;
	margin-top: 20px;
	position: relative;
	border-radius: 3px;
	background-color: #F8F8F8;
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.main-ul4-li3 .img{
	height: 375px;
	background: url(../img/2810270919a408573a1e82b.jpg);
	position: relative;
}
.main-ul4-li3 .zhezhao{
	width: 250px;
	height: 375px;
	background-color: #5B5959;
	opacity: 0;
	position: absolute;
	transition: all 0.3s;
	z-index: 2;
}
.main-ul1-li4{
	width: 250px;
	height: 490px;
	margin-top: 20px;
	position: relative;
	border-radius: 3px;
	background-color: #F8F8F8;
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.main-ul1-li4 .img{
	height: 375px;
	background: url(../img/071256401322a864774b740.jpg);
	position: relative;
}
.main-ul1-li4 .zhezhao{
	width: 250px;
	height: 375px;
	background-color: #5B5959;
	opacity: 0;
	position: absolute;
	transition: all 0.3s;
	z-index: 2;
}
.main-ul2-li4{
	width: 250px;
	height: 490px;
	margin-top: 20px;
	position: relative;
	border-radius: 3px;
	background-color: #F8F8F8;
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.main-ul2-li4 .img{
	height: 375px;
	background: url(../img/25104417ee17fb4deacf871.jpg);
	position: relative;
}
.main-ul2-li4 .zhezhao{
	width: 250px;
	height: 375px;
	background-color: #5B5959;
	opacity: 0;
	position: absolute;
	transition: all 0.3s;
	z-index: 2;
}
.main-ul3-li4{
	width: 250px;
	height: 431px;
	margin-top: 20px;
	position: relative;
	border-radius: 3px;
	background-color: #F8F8F8;
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.main-ul3-li4 .img{
	height: 316px;
	background: url(../img/25195129cfd17d106d62ff1.jpg);
	position: relative;
}
.main-ul3-li4 .zhezhao{
	width: 250px;
	height: 316px;
	background-color: #5B5959;
	opacity: 0;
	position: absolute;
	transition: all 0.3s;
	z-index: 2;
}
.main-ul4-li4{
	width: 250px;
	height: 1388px;
	margin-top: 20px;
	position: relative;
	border-radius: 3px;
	background-color: #F8F8F8;
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.main-ul4-li4 .img{
	height: 1273px;
	background: url(../img/2610393378de211112f9a05.jpg);
	position: relative;
}
.main-ul4-li4 .zhezhao{
	width: 250px;
	height: 1273px;
	background-color: #5B5959;
	opacity: 0;
	position: absolute;
	transition: all 0.3s;
	z-index: 2;
}
.main-ul1-li5{
	width: 250px;
	height: 490px;
	margin-top: 20px;
	position: relative;
	border-radius: 3px;
	background-color: #F8F8F8;
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.main-ul1-li5 .img{
	height: 375px;
	background: url(../img/242320415a3fe0c7a53fd95.jpg);
	position: relative;
}
.main-ul1-li5 .zhezhao{
	width: 250px;
	height: 375px;
	background-color: #5B5959;
	opacity: 0;
	position: absolute;
	transition: all 0.3s;
	z-index: 2;
}
.main-ul2-li5{
	width: 250px;
	height: 620px;
	margin-top: 20px;
	position: relative;
	border-radius: 3px;
	background-color: #F8F8F8;
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.main-ul2-li5 .img{
	height: 505px;
	background: url(../img/071255145a16c29d8dd513c.jpg);
	position: relative;
}
.main-ul2-li5 .zhezhao{
	width: 250px;
	height: 505px;
	background-color: #5B5959;
	opacity: 0;
	position: absolute;
	transition: all 0.3s;
	z-index: 2;
}